<?php 
$title = "Tìm kiếm sản phẩm tài chính cá nhân theo khu vực - Tài Chính Online";
$description = " Cập nhật thông tin chi tiết sản phẩm dịch vụ tài chính và thông tin liên hệ của tư vấn tài chính tại từng khu vực lựa chọn cụ thể - Tài Chính Online";
$keywords = "tài chính cá nhân, vay tín chấp đà nẵng, vay tín chấp cần thơ, vay tiêu dùng, vay ngân hàng, vay tiền";
?>
<?php
require_once ("src/db/connectdatabase.php");

function getIntro($id) {
	$con = new ConnectDB();
	$tbl = "gioithieu";
	$fn = array('content');
	$condetion = array('id' => $id);
	return $con -> getvalue($tbl, $fn, $condetion);
}

$intro = getIntro('loaninvn_header');
$introfooter = getIntro('loaninvn_footer');
?>
<style>
.table-display-loan-invn {width: 970px; border-collapse: collapse; border-radius: 3px;}
.title {background: #88A943; color:#FFF; font-weight: bold; }
.table-display-loan-invn tr {height: 30px;min-height: 30px;} 
.table-display-loan-invn tr {display: table-row;vertical-align: inherit;border-color: inherit;} 
.table-display-loan-invn tr th, .table-display-loan-invn tr td {border: 1px solid #98bf21;}
.class-content-result-loading {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: url(<?php echo($host) ?>images/ajax-load.gif) no-repeat center rgba(0,0,0,.8);
	background-size: 80px;
	z-index: 100;
	top: 0;
	left: 0;
	display: none;
}
</style>
<div class="class-content-result-loading"></div>
<div class="text12" style="margin: auto; width: 970px; height: 11px; margin-top: 11px; color: #0a8bd9;">
	<u><a href="#" class="text12" style="color: #0080d6;">Trang Chủ</a></u>&gt; <a href="#" class="text12" style="color: #4c4c4c;">Tìm kiếm sản phẩm theo khu vực</a></span>
</div>
<div>
	<div style="clear:both"></div>
	<div><?php if(count($intro) > 0) { echo($intro[0][0]); } ?></div>
    <div style="clear:both"></div>
    <div style="clear:both; background: #F4F4F4; width:980px; height:auto; margin-top:18px; min-height: 20px; border-radius: 2px; border: 1px solid #DDE4E9;">
    	<div style=" padding: 5px;">
            <span style="font-weight: bold; margin-left: 10px;">Sản phẩm: </span><select style="width: 170px; height: 30px; padding: 5px; margin-left: 5px;" name="typeloan" id="typeloan" class="typeloan" onchange="checkvaluesearchloaninvn()"><option value="">------Vui lòng chọn------</option></select>
            <span style="font-weight: bold; margin-left: 10px;">Tỉnh thành: </span><select style="width: 170px; height: 30px; padding: 5px; margin-left: 5px;" name="ProvinceID" id="ProvinceID" class="ProvinceID" onchange="checkvaluesearchloaninvn()"><option selected="selected" value="">------Vui lòng chọn------</option>
                            <option value="Hà Nội">Hà Nội</option><option value="Hồ Chí Minh">TP HCM</option><option value="Cần Thơ">TP Cần Thơ</option><option value="Đà Nẵng">TP Đà Nẵng</option><option value="Hải Phòng">TP Hải Phòng</option><option value="An Giang">An Giang</option><option value="Vũng Tàu">Bà Rịa - Vũng Tàu</option><option value="Bắc Giang">Bắc Giang</option><option value="Bắc Kạn">Bắc Kạn</option><option value="Bạc Liêu">Bạc Liêu</option><option value="Bắc Ninh">Bắc Ninh</option><option value="Bến Tre">Bến Tre</option><option value="Bình Định">Bình Định</option><option value="Bình Dương">Bình Dương</option><option value="Bình Phước">Bình Phước</option><option value="Bình Thuận">Bình Thuận</option><option value="Cà Mau">Cà Mau</option><option value="Cao Bằng">Cao Bằng</option><option value="Đăk Lăk">Đăk Lăk</option><option value="Đak Nông">Đak Nông</option><option value="Điện Biên">Điện Biên</option><option value="Đồng Nai">Đồng Nai</option><option value="Đồng Tháp">Đồng Tháp</option><option value="Gia Lai">Gia Lai</option><option value="Hà Giang">Hà Giang</option><option value="Hà Nam">Hà Nam</option><option value="Hà Tĩnh">Hà Tĩnh</option><option value="Hải Dương">Hải Dương</option><option value="Hậu Giang">Hậu Giang</option><option value="Hòa Bình">Hòa Bình</option><option value="Hưng Yên">Hưng Yên</option><option value="Khánh Hòa">Khánh Hòa</option><option value="Kiên Giang">Kiên Giang</option><option value="Kon Tum">Kon Tum</option><option value="Lai Châu">Lai Châu</option><option value="Lâm Đồng">Lâm Đồng</option><option value="Lạng Sơn">Lạng Sơn</option><option value="Lào Cai">Lào Cai</option><option value="Long An">Long An</option><option value="Nam Định">Nam Định</option><option value="Nghệ An">Nghệ An</option><option value="Ninh Bình">Ninh Bình</option><option value="Ninh Thuận">Ninh Thuận</option><option value="Phú Thọ">Phú Thọ</option><option value="Phú Yên">Phú Yên</option><option value="Quảng Bình">Quảng Bình</option><option value="Quảng Nam">Quảng Nam</option><option value="Quảng Ngãi">Quảng Ngãi</option><option value="Quảng Ninh">Quảng Ninh</option><option value="Quảng Trị">Quảng Trị</option><option value="Sóc Trăng">Sóc Trăng</option><option value="Sơn La">Sơn La</option><option value="Tây Ninh">Tây Ninh</option><option value="Thái Bình">Thái Bình</option><option value="Thái Nguyên">Thái Nguyên</option><option value="Thanh Hóa">Thanh Hóa</option><option value="Thừa Thiên Huế">Thừa Thiên Huế</option><option value="Tiền Giang">Tiền Giang</option><option value="Trà Vinh">Trà Vinh</option><option value="Tuyên Quang">Tuyên Quang</option><option value="Vĩnh Long">Vĩnh Long</option><option value="Vĩnh Phúc">Vĩnh Phúc</option><option value="Yên Bái">Yên Bái</option></select>
            <input style="height: 30px; width: 70px; margin-left: 15px;" type="button" value="Tìm Kiếm" class="button-click-searchinvn-class" />
        </div>
    </div>
    <div style="clear:both;"></div>
    <div style="clear:both; background: #FFF; width:980px; height:auto; border: 1px solid #DDE4E9;">
    	<div style="padding:5px;">
            <table class="table-display-loan-invn"></table>
        </div>
    </div>
    <div style="clear:both"></div>
	<div><?php if(count($introfooter) > 0) { echo($introfooter[0][0]); } ?></div>
    <div style="clear:both"></div>
</div>
<div id="viewinfodetailloaninvn" class="reveal-modal" style="width: 950px; margin-left:-475px;"></div>
<script>
	loadbank();
	loaddatadichvu();
	//loaddata();
	$('.button-click-searchinvn-class').hide();
	function checkvaluesearchloaninvn() {
		if($('#typeloan').val() != '') {
			if($('#ProvinceID').val() != '') {
				$('.button-click-searchinvn-class').show();
			} else {
				$('.button-click-searchinvn-class').hide();
			}
		} else {
			$('.button-click-searchinvn-class').hide();
		}
	}
	
	function loadbank() {
		$.ajax({
			url: "<?php echo($host) ?>src/ajax/ajaxbank.php",
			type: "post",
			data: {act:'getbanks'},
			dataType:"json",
			success: function(response) {
				html = '';
				$.each(response, function(entryIndex, entry){
					html += '<option value="' + entry[0] + '">' + entry[1] + ' (' + entry[0] + ')</option>';
				});
				$('#bankselect').append(html);
			}
		});
	}
	
	function loaddatadichvu() {
		$.ajax({
			type: "POST",
			url: "<?php echo($host) ?>src/ajax/ajaxpurloan.php",
			data:{},
			dataType: "json",
			success: function(response){
				html = '';
				$.each(response, function(entryIndex, entry){
					html += '<option value="' + entry[0] + '">' + entry[1] + '</option>';
				});
				$('#typeloan').append(html);
			}
		});
	}
	
	$('.button-click-searchinvn-class').click(function(e) {
        loaddata();
    });
	
	function loaddata() {
		var typeloan = $('#typeloan').val();
		var country = $('#ProvinceID').val();
		
		$('.class-content-result-loading').show();
		var html = '<tr><th width="150px" class="title">Tổ chức</th><th width="375px" class="title">Giới thiệu sơ lược</th><th width="375px" class="title">Mô tả sản phẩm cung cấp</th><th width="70px" class="title">Chọn</th></tr>';
		$('.table-display-loan-invn').html(html);
		$.ajax({
			type: "POST",
			url: "<?php echo($host) ?>control/ajaxloaninvietnam.php",
			data:{act: 'load', 'typeloan': typeloan, 'contry': country},
			dataType: "json",
			success: function(response){
				for(i = 0; i < response.length; i++) {
					insertRow(response[i][0], response[i][1], response[i][2], response[i][3], response[i][4], response[i][5], response[i][6], response[i][7]);
				}
				setTimeout(function() { $('.class-content-result-loading').hide(); }, 500);
			}
		});
	}
	
	function insertRow(ip, bank, bankname, banklogo, typeloan, tinhthanh, content, contentbasic) {
		html = '<tr><td align="center"><div style="width: 140px; margin: 5px; height:auto;"><div style="width:130px; height: auto; background: url('+banklogo+'); background-size: 130px; overflow: hidden;"><img src="'+banklogo+'" width="130px" style="visibility:hidden"/></div><div style="width: 140px; margin: 5px; color:#8DAE48; font-weight: bold;">'+bankname+'</div></div></td><td style="max-width:375px; width: 375px;"><div style="margin: 5px;">'+content+'</div></td><td align="left" style="max-width:375px; width: 375px;"><div style="margin: 5px;">'+contentbasic+'</div></td><td align="center"><a href="#"><img src="images/icon_chitiet.gif" width="67px" style="margin-top: 20px; cursor: pointer;" class="detail-click-loanvn" ipr="'+ip+'" /></a><br/><a href="<?php echo($host) ?>vay-tin-chap/ap-dung-cho-vay-ca-nhan/bank/' + bank + '.html"><img style="margin-top: 10px; cursor: pointer;" src="<?php echo($host) ?>images/get1.gif" width="0px" height="0;"></a></td></tr>';
		$('.table-display-loan-invn').append(html);
	}
	
	$(document).on('click', '.detail-click-loanvn', function() {
		var id = $(this).attr('ipr');
		$('#viewinfodetailloaninvn').html('');
		$.ajax({
			type: "POST",
			url: "<?php echo($host) ?>control/ajaxloaninvietnam.php",
			data:{act:'detail', p: id},
			dataType: "json",
			success: function(response){
				if(response != 'null') {
					var html = '<div class="reveal-modal-title" style=" border-radius: 5px 5px 0px 0px;"><h1 style="margin-top: -10px;">'+response[2]+' ('+response[1]+')</h1></div><div class="reveal-modal-main" style="background: #FFF;"><div  style="width: 890px; margin: 10px;"><div style="margin-bottom: 10px;"><span style="font-weight:bold; margin-right: 10px; color: #000">Giới thiệu sơ lược: </span></div><div style="margin-bottom: 10px;"><span>'+response[6]+'</span></div><div style="margin-bottom: 10px;"><span style="font-weight:bold; margin-right: 10px; color: #000">Sản phẩm dịch vụ: </span><span style="color: #000">'+response[4]+'</span></div><div style="margin-bottom: 10px;"><span style="font-weight:bold; margin-right: 10px; color: #000">Khu vực áp dụng: </span><span style="color: #000">'+response[5]+'</span></div><div style="margin-bottom: 10px;"><span style="font-weight:bold; margin-right: 10px; color: #000">Mô tả sản phẩm cung cấp: </span></div><div style="margin-bottom: 10px;"><span>'+response[8]+'</span></div><div style="margin-bottom: 10px;"><span style="font-weight:bold; margin-right: 10px; color: #000">Thông tin chi tiết: </span></div><div style="margin-bottom: 10px;"><span>'+response[7]+'</span></div><div style="width: 100%;"><div style="width: 130px; margin: auto;"><a target="_blank" href="<?php echo($host) ?>vay-tin-chap/ap-dung-cho-vay-ca-nhan/bank/'+response[1]+'.html"><img src="<?php echo($host) ?>images/get1.gif" width="130px" height="38px" /></a></div></div></div></div><a class="close-reveal-modal">&#215;</a>';
					$('#viewinfodetailloaninvn').html(html);
					$('#viewinfodetailloaninvn').reveal($(this).data());
				} else {
					$('.reveal-modal-bg').click();
					alert('Tải dữ liệu gặp sự cố');
				}
			}
		});
	});
</script>
